
#login-box {
	width:333px;
	height: 220px;
	padding: 10px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	text-color: #000;
	background: #f0f0f0;
	background-size: 100% 100%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 100px;
	margin-bottom: 200px;
	shadow: 2px 2px 2px 2px #000;
}


#logout{
	color: #ffffff;
	font: 12px;
	text-align:right;
}

#logout a:hover{
	color:#000;
}s
#a{
background-color: #fff;}
.a:link {color:#FF0000;}      /* unvisited link */
.a:visited {color:#00FF00;}  /* visited link */
.a:hover {color:#FF00FF;}  /* mouse over link */
.a:active {color:#0000FF;}  /* selected link */


* { padding: 0; margin: 0; }


#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: #f7f7f7;
 margin-bottom: 5px;
 width: 922px;
 display:block;
}

#header {
 font-size: 10px;
 color: #fff;
 width: 902px;
 padding: 10px 10px 10px 10px;
 height: 80px;
 margin: 10px 0px 5px 0px;
 background: #B3CCFF;
 text-align: center;
 position: relative; 
 display:block;
}



#header a{

	padding: 0px;
}

#logoFMPC{
	float: left;
 	display:inline ;
  	height: 100%;
  	width: 80px;
}
#logoCHU{
	 display: inline;
	 float: right;
	 height: 100%;
	 
}

#header-title{
    width: 600px;
    font-size: 20px !important ; 
    text-align: center;
   	display: inline;
	 float: left;
	 margin-left: 60px;
}

#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #dfe3ee;
}
#leftcolumn { 
 color: #333;
 padding: 0px;
 width: 220px;
 height:450px;
 float: left;
 display:inline ;
 background : #f9f9f9;
 border-right: 1px solid #dfe3ee;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 650px;
 display: inline;
}

.clear { clear: both; background: none; }


#header-title
{
	color: #ffffff;
	font: 30px Arial, Calibri, sans-serif;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.1em gray;

}
#header-title-two{
	color: #ffffff;
	font: 20px Arial, Calibri, sans-serif;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.1em gray;
}

#logo{
display: inline;
position: center;
padding: 35% ;
}

#section-title{
	color: #1e4f8a; 
	padding-top: 50px; 
	padding-left: 45%;
	size:20px;
}

#login-box img {
	border:none;

}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
	text-color: #000;
}

#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
	color: #0d2c52;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}

.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#ffffff;
	font-size: 16px;
	color: #0d2c52;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

#form-box{
	width:333px;
	height: 240px;
	padding: 10px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/login-box-backg.jpg) no-repeat left top;
	background-size: 100% 100%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 100px;
	padding-top: 40px;
	padding-bottom: 2%;
}

#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:10px;
	margin-top:20px;}
	
.blue.button, .blue.button:visited		    { background-color: #eeeeee; margin-left:20px; margin-right:20px;  }
.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.large.button, .large.button:visited 			{ 	font: 16px Bold, Calibri,sans-serif;
	
												  padding: 8px 14px 9px; }
.blue.button, .blue.button:visited		    { background-color: #bbbbbb; }
.blue.button:hover							{ background-color: #aaaaaa; }	
.button, .button:visited {
	background: #222 url(overlay.jpg) repeat-x; 
	display: inline-block; 
	padding: 10px 20px 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px #555555;
	-webkit-box-shadow: 0 1px 3px #555555;
	text-shadow: 0 -1px 1px #555555;
	border-bottom: 1px solid #555555;
	position: relative;
	cursor: pointer;
	position:center
}	
.big.button {width: 300px;}
#topmenu a,#topmenu a:visited{
	color:#f7f6f0;
	background:#bd3f09;
}
#topmenu a:hover{
	color: #FFF;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	color:#993400;
	background: #FFF url(../img/bg_menu_red.jpg) repeat-x top;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
	
#topmenu{
	margin-top:33px;
	width:700px;
	float:left;
	voice-family:inherit;
}
#topmenu ul{
	list-style:none;
	line-height:25px;
}
#topmenu li{
	display:inline;
}
#topmenu a,#topmenu a:visited{
	padding:5px 12px 5px 12px;
	text-decoration:none;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding:5px 12px 5px 12px;
	font-weight:bold;
	
}

form.register{
    width:800px;
    margin: 20px auto 0px auto;
    height:530px;
    background-color:#fff;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}